<template>
	<view class="banner">
		<swiper :current="current" indicator-dots indicator-color="rgba(204, 204 , 204 , .6)" indicator-active-color="rgba(206, 61 , 62 , .8)" autoplay circular>
			<swiper-item v-for="(img, index) in imgList" :key="index">
				<image :src="img"></image>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		props: {
			imgList: {
				type: Array,
				default: () => {
					return [];
				}
			}
		},
		data() {
			return {
				current: 0
			}
		}
	}
</script>

<style scoped>
	.banner, swiper, swiper-item, image{
		width: 100%;
		height: 320rpx;
	}
</style>
